<html>
    <head>
        <meta charset="utf-8" />
        <!-- 可见视口和布局视口一致 -->
        <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no" />
        <!-- 统一所有的样式 -->
        <link href="./css/reset.css" rel="stylesheet" type="text/css" />
        <!-- 用淘宝的方案做适配 -->
        <script src="./js/lib-flexible-min.js"></script>
        <!-- 引用外部css样式 -->
        <link href="./css/index.css" rel="stylesheet" type="text/css" />
        <!-- 引用外部swiper -->
        <link href="./css/swiper.min.css" rel="stylesheet" type="text/css" />
        <script src="./js/swiper.min.js"></script>
    </head>
    <body>
      <div class="main">
        <div class="header">
            <div class="header_x">
                <img src="./images/01.jpg" alt="">
            </div>
            <div class="header_sjsy">
                <h2>司机首页</h2>
            </div>
        </div>
        <div class="header_e">
            <img src="./images/02.jpg" alt="">
            <div class="banner">
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide"><img src="./images/03.jpg" alt=""></div>
                        <div class="swiper-slide"><img src="./images/04.jpg" alt=""></div>
                        <div class="swiper-slide"><img src="./images/05.jpg" alt=""></div>
                        <div class="swiper-slide"><img src="./images/06.jpg" alt=""></div>
                        <div class="swiper-slide"><img src="./images/07.jpg" alt=""></div>
                    </div>
                    <!-- Add Pagination -->
                    <div class="swiper-pagination"></div>
                    </div>
            </div>
        </div>
        <div class="gg">
            <div class="gg_sc">
                <h1>商城</h1>
                <div class="gg_gongg">
                    <span>公告</span>
                </div>
            </div>
        <div class="gg_tbquan">
            <div class="gg_y">
                <span>通知</span>
            </div>
            <div class="gg_e">
                <span>公告</span>
            </div>
        </div>
            <div class="gg_data">
                <div  class='tongzhitext'>
                    <text class="tongzhi-text">商城成功孵化，首次口口，希望大家喜欢双十一啦啦啦</text>
                    <text class="tongzhi-text">口祝商城首次成功上口，老板口声说好，开业大吉</text>
                </div>
            </div>
        </div>
        <div class="list">
            <div class="list_y">
                <div class="list_y_img">
                    <img src="./images/1.jpg" alt="">
                </div>
                <a href="#" class="list_y_font">找 车</a>
            </div>
            <div class="list_e">
                <div class="list_y_img">
                    <img src="./images/2.jpg" alt="">
                </div>
                <a href="#" class="list_y_font">找 货</a>
            </div>
            <div class="list_e">
                <div class="list_y_img">
                    <img src="./images/3.jpg" alt="">
                </div>
                <a href="#" class="list_y_font">司机兼职</a>
            </div>
            <div class="list_e">
                <div class="list_y_img">
                    <img src="./images/4.jpg" alt="">
                </div>
                <a href="#" class="list_y_font">委 托 书</a>
            </div>
            <div class="list_y">
                    <div class="list_y_img">
                        <img src="./images/5.jpg" alt="">
                    </div>
                    <a href="#" class="list_y_font">附近服务</a>
                </div>
                <div class="list_e">
                    <div class="list_y_img">
                        <img src="./images/6.jpg" alt="">
                    </div>
                    <a href="#" class="list_y_font">二 手 车</a>
                </div>
                <div class="list_e">
                    <div class="list_y_img">
                        <img src="./images/7.jpg" alt="">
                    </div>
                    <a href="#" class="list_y_font">导 航</a>
                </div>
                <div class="list_e">
                    <div class="list_y_img">
                        <img src="./images/8.jpg" alt="">
                    </div>
                    <a href="#" class="list_y_font">推 广</a>
                </div>
        </div>
        <div class="rmhd">
                <div class="rmhd_l">
                    <div class="rmhd_l_tb"></div>
                    <h2>热门活动</h2>
                </div>
                <div class="rmhd_r">为你精心挑选 ></div>
        </div>
        <div class="zhans">
            <img src="./images/08.jpg" alt="">
        </div>
        <div class="zhans">
            <img src="./images/09.jpg" alt="">
        </div>
      </div>
      <script>
            var swiper = new Swiper('.swiper-container', {
              pagination: {
                el: '.swiper-pagination',
              },
            });
          </script>
    </body>
</html>